$(function () {
    popleft(".type", ".type-pop");
    popleft(".region", ".region-pop");
    popleft(".year", ".year-pop");

    $(window).resize(function () {
        popleft(".type", ".type-pop");
        popleft(".region", ".region-pop");
        popleft(".year", ".year-pop");
    });

    pop(".type", ".type-pop");
    pop(".region", ".region-pop");
    pop(".year", ".year-pop")

    itemclick(".type-pop-item", ".type");
    itemclick(".region-pop-item", ".region");
    itemclick(".year-pop-item", ".year");
});



function popleft(classpos, classloc) {
    var left = $(classpos).offset().left;
    $(classloc).css("left", left);
}

function pop(classclick, classpop) {
    $(classclick).hover(function () {
        $(classpop).css("display", "block");
    },
	function () {
	    $(classpop).css("display", "none");
	});

    $(classpop).hover(function () {
        $(classpop).css("display", "block");
    },
	function () {
	    $(classpop).slideUp(100);
	});
}

function itemclick(classclick, classswap) {
    $(classclick).click(function () {
        $(classswap).text($(this).text());
    });
}